<template>
	<view class="content">
		<image src="/static/bg.png" mode="" class="box-bg"></image>
		<navBack />
		<view class="card">
			<view class="_title_" style="margin-bottom: 10rpx;">
				业主信息
			</view>
			<view class="" v-for="(item ,index) in contacts">
				<u-line color="#EEEEEE" margin="28rpx 18rpx" length="calc(100% - 36rpx)" v-if="index"></u-line>
				<view class="lable">
					<view class="">
						姓名
					</view>
					<view>
						{{item.name}}
					</view>
				</view>
				<view class="lable">
					<view class="">
						手机号码
					</view>
					<view>
						{{item.phoneNumber}}
					</view>
				</view>
				<view class="lable">
					<view class="">
						身份证号码
					</view>
					<view>
						{{item.idCode}}
					</view>
				</view>
			</view>
		</view>
		
		
		
		<view class="card">
			<view class="_title_" style="margin-bottom: 34rpx;">
				维修资金账户信息
			</view>
				<view class="lable">
					<view class="">
						本金
					</view>
					<view class="money">
						￥{{houseAccountData.principal||''}}
					</view>
				</view>
				<view class="lable">
					<view class="">
						利息
					</view>
					<view class="money">
						￥{{houseAccountData.interest||''}}
					</view>
				</view>
				<view class="lable">
					<view class="">
						余额
					</view>
					<view class="money">
						￥{{houseAccountData.amount||''}}
					</view>
				</view>
				<view class="lable">
					<view class="">
						缴费金额
					</view>
					<view class="money">
						￥{{houseAccountData.paymentAmount||''}}
					</view>
				</view>
				<view class="lable">
					<view class="">
						使用金额
					</view>
					<view class="money">
						￥{{houseAccountData.usedAmount}}
					</view>
				</view>

		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				houseAccountData: {},
				contacts:[]
			}
		},
		onLoad(e) {
			this.$myRequest(`/api/houseAccounts/GetHouseAccount/${
				e.id
			}`).then(res => {
				this.houseAccountData = res
				this.contacts=res.contacts
			})
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.content {
		padding-top: 160rpx;
		background-color: #f5f5f5;
		min-height: calc(100vh - 160rpx);
	}

	.card {
		padding: 20rpx;
		margin: 0 20rpx 20rpx 20rpx;
	}
</style>
